<template>
    <div>
        <div class="calendar">
              <zpCalendar showlunar ref="cday" @dayMsg="getDayMsg"/>
           <!--全局引入zpcalendar组件， 组件中只有这daymsg一个方法 -->
            </div>
      
        
    </div>
</template>
<script>

export default {
    components:{

    },
    data(){

return{

lunardate:[]

}

    },
    created(){



    },
    methods: {
         refmessage(){

console.log(this.$refs.cday.curDayMsg.IMonthCn)
//农历月份
console.log(this.$refs.cday.curDayMsg.IDayCn)
  //农历几号 
    console.log(this.$refs.cday.curDayMsg)
    //所有的实例信息
         },
            getDayMsg(){

let a =[this.$refs.cday.curDayMsg.IMonthCn,this.$refs.cday.curDayMsg.IDayCn]
this.lunardate = a;
console.log("今天是农历"+a[0]+a[1])
console.log(this.lunardate)
            }
      
    }
   
    
}
</script>
<style scoped>
.calendar{

display: flex;
width: 30%;

}
.calendar >>>.calendar .months .year-month{
    font-size : 1.275rem;
}
.calendar >>>.calendar .months .year-month .toggle-month {

margin-top: auto;
}
.calendar >>>.calendar .days .li {
        padding-top: 0%;
}

</style>